<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>chapter01</title>
  <script type="text/javascript" src="utils.js"></script>
 </head>
 <body>
  

  <canvas id="mycanvas" width="960" height="360" style="background:#111;margin:200px;"></canvas>

  <script type="text/javascript">
	/*var x = 0;
	function drawBall(msg){
		x = x +1;
		console.log(msg+(x));
	};

	setInterval(function(){
		drawBall("========>")
	},1000);//一秒60帧，差不多17帧一秒

	setInterval(function(){
		drawBall("********>")
	},1000);//一秒60帧，差不多17帧一秒*/

	/*var x = 0;
	(function draw(){
		window.requestAnimationFrame(draw,null);
		x = x +1;
		console.log("========="+(x));
	})();*/


	

	/*var mouse = KeKeDom("mycanvas").mouse();
	KeKeDom("mycanvas").on("mousemove",function(){
		console.log(mouse.x+"==="+mouse.y);
	});*/
	

	//alert(KeKeDom().parseColor(1118481,false))

	KeKeDom("mycanvas").keyboard(function(mark){
		
	});

	//alert(KeKeDom().randomRange(1,10));


	

  </script>
 </body>
</html>
